export default {
  data: {
    num: 100,
    text: ''
  },
  // camelCase
  // ParscalCase
  // kebab-case
  props: {
    footerText: {
      default: 'default value'
    },
    footerColor: {
      default: ''
    }
  },

  computed: {
    trippleNum() {
      return this.num * 3
    }
  },

  onInit() {
    this.$watch('footerText', (newValue) => {
//      console.log(newValue)
//      this.text = newValue + '!!!'
    })

  },

  onReady() {
//    this.footerText = 'world'
//    this.num = 400
    this.$emit('myEvent', { n: 10000 })


  }

}